<template>
<!--滚动横幅图片--> 
<div class="banner-box">
        <div class="m-banner">
            <div class="m-ban-con">
                <div class="swiper-container swiper-container-horizontal">
                    <div class="swiper-wrapper" style="transform: translate3d(-1718px,0px,0px);transition-duration:0ms;">
                        <a href="https://m.xiaomiyoupin.com/w/universal_1?_rt=weex&pageid=11838&pdl=youpin&sign=acf8c638fb7032bfa6cb8987ca8ae75f"
                                target="_blank" class="swiper-slide swipe-item m-tag-a cur" style="width:859px;">
                            <img data-src="https://res.youpin.mi-img.com/youpinoper/9354fb2b_21ab_41ea_8592_39d302bf431b.jpeg?w=1080&h=450"
                                    src="https://res.youpin.mi-img.com/youpinoper/9354fb2b_21ab_41ea_8592_39d302bf431b.jpeg?w=1080&h=450">
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>
<script>

</script>

<style lang="less" scoped>
//滚动横幅图片
.banner-nav .banner-box{
    width:859px;
    float: right;
}

.m-banner,.m-banner .m-ban-con{
    position:relative;
}
.m-banner{
    z-index:1;
    width: 859px;
    margin:0 auto;
    text-align: center;
}
.swiper-container{
    position: relative;
    overflow: hidden;
    margin:0 auto;
    z-index: 2;
}
.swiper-wrapper{
    position: relative;
    width: 100%;
    height: 100%;
    z-index:3;
    display: flex;
    box-sizing: content-box;
}
.m-banner .swipe-item{
    font-weight: 700;
    color: #14ade5;
    font-size:20px;
}
.swiper-slide{
    -webkit-flex-shrink:0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
}
.m-tag-a{
    cursor:pointer;
}
a,button{
    outline:none;
}
a{
    text-decoration: none;
}
.m-banner .swipe-item img{
    height: 358px;
}
img{
    vertical-align: middle;
    border: none;
}
img{
    overflow-clip-margin: content-box;
    overflow: clip;
}
</style>